<template>
	<view class="u-flex u-row-around">
		<view class="u-text-center" v-for="(item,index) in menuList" :key='index' @click="onClick(item)">
			<u-image width="110rpx" height="110rpx" :src="item.url" shape="circle"></u-image>
			<text class="u-font-24">
				{{item.name}}
			</text>
		</view>
	</view>
</template>

<script>
	import {menuList} from '@/common/data/data.js'
	export default {
		data() {
			return {
				menuList:menuList
			};
		},
		methods: {
			onClick(item) {
				this.$toast('点击了：'+item.name)
			}
		},
	}
</script>

<style>

</style>
